﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>Godz神·张涛</title>

    <link rel="shortcut icon" type="image/x-icon" href="/zfile/images/favicon.ico">
    <link rel="stylesheet" th:href="@{/zfile/css/animate.css}"/>
    <link rel="stylesheet" href="/zfile/css/et-lineicons.css"/>
    <link rel="stylesheet" href="/zfile/css/themify-icons.css"/>
    <link rel="stylesheet" href="/zfile/css/bootstrap.css"/>
    <link rel="stylesheet" href="/zfile/css/flexslider.css"/>
    <link rel="stylesheet" href="/zfile/css/style.css"/>
    <link rel="stylesheet" href="/zfile/css/my.css" />
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="/zfile/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div id="addo-page">
    <a href="#" class="js-addo-nav-toggle addo-nav-toggle"><i></i></a>
    <!-- 标题栏 -->
    <aside id="addo-aside" th:fragment="aside">
        <!-- Logo -->
        <div id="addo-logo">
            <a href="/">Godz<span>首页</span></a>
        </div>
        <!-- Menu -->
        <nav id="addo-main-menu">
            <ul>
                <li th:each="titles:${title}">
                    <a th:href="'/'+${titles.getHref()}" th:text="${titles.getTitle()}"></a>
                </li>
            </ul>
        </nav>
        <!-- Sidebar Footer -->
        <div class="addo-footer">
            <div style="width: 30%; margin: auto; padding-bottom: 5%">
                <img src="/zfile/images/GodzWirte.png" width="30%" alt=""/>
            </div>
            <p>
                <small>© 2018-2021 HFUU <a>Godz</a></small>
            </p>
        </div>
    </aside>
    <!-- Main Section -->
    <div id="addo-main">
        <!-- Home Section -->
        <div id="home" class="section">
            <div class="addo-hero js-fullheight" style="height: 888px">
                <!-- Slider -->
                <div class="flexslider js-fullheight" style="height: 888px">
                    <ul class="slides">
                        <li
                                class="flex-active-slide"
                                style="
                    width: 100%;
                    float: left;
                    margin-right: -100%;
                    position: relative;
                    opacity: 1;
                    display: block;
                    z-index: 2;
                  "
                        >
                            <div class="overlay-video">
                                <video autoplay="" loop="" muted="">
                                    <source th:src="@{'/zfile/' + ${godzindex.getMov()}}" type="video/mp4"/>
                                </video>
                            </div>
                            <div class="overlay-color"></div>
                            <div class="container-fluid">
                                <div class="row">
                                    <div
                                            class="col-md-12 js-fullheight slider-text animated fadeInUp"
                                            style="height: 888px"
                                    >
                                        <div class="slider-text-inner">
                                            <div class="desc">
                                                <div class="image_wrap">
                                                    <img
                                                            th:src="@{'/zfile/' + ${godzindex.getFilePhoto()}}"
                                                            alt=""
                                                            draggable="false"
                                                    />
                                                </div>
                                                <h1 th:text="${godzindex.getFirstName()}"></h1>
                                                <h2 class="cd-headline clip">
                                                    <span th:text="${godzindex.getSecondName()}"></span>
                                                    <span class="cd-words-wrapper"
                                                          style="width: 68.6792px; overflow: hidden">
                                                        <b class="is-visible">
                                                            &nbsp;工程师
                                                        </b>
                                                        <b class="is-hidden"
                                                           th:each="posx:${pos}"
                                                           th:text="${posx.getPos()}"
                                                        ></b>
                                                    </span>
                                                </h2>
                                            </div>
                                            <div class="arrow bounce">
                                                <a href="#about" data-scroll-nav="1" class="scroll">
                                                    <i class="ti-angle-double-down"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- About Section -->
        <div id="about" class="section">
            <div class="addo-about">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="heading-meta">Information</span>
                            <h2
                                    class="addo-heading animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                Who is Godz <br/>自我认识
                            </h2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-5">
                            <img
                                    src="/zfile/images/about.jpg"
                                    class="img-fluid mb-30 animate-box"
                                    data-animate-effect="fadeInLeft"
                                    alt=""
                            />
                        </div>
                        <div
                                class="col-md-7 animate-box"
                                data-animate-effect="fadeInLeft"
                        >
                            <span class="heading-meta">ABOUT ME</span>
                            <h2 class="cd-headline clip">
                                <span>我叫神·张涛 &amp; </span>
                                <span
                                        class="cd-words-wrapper"
                                        style="width: 54.7877px; overflow: hidden"
                                >
                                    <b class="is-visible">&nbsp;工程师
                                    </b>
                                    <b class="is-hidden"
                                       th:each="posx:${pos}"
                                       th:text="${posx.getPos()}">

                                    </b>
                                </span>
                            </h2>
                            <p>
                                你好,我的名字叫张涛,英文名是Godz,我拥有多年的计算机学习和实践经验,
                                多次参与了各类计算机竞赛并取得优异成绩.我先后多次参与了老师的实战制
                                作项目.在团队表现不俗,备受老师的肯定!
                                <br/>
                                ——本人性格阳光开朗,适应能力强,为人善良朴素,有优秀的人际交往能力,具
                                备相关的专业知识和认真的态度.细心、耐心的工作态度及良好的职业道德修养.
                                总希望能把事情做得更好！对生活充满希望,对工作充满热情！能在短期间内
                                适应新环境,有强烈的品质意识；对工作认真负责,上进心强！由于从小家庭环
                                境并不富裕让我从小就养成了节俭的习惯,所以我一直清晰的明白想走出贫困必
                                须要靠自己的双手去奋斗去努力才能打下一片属于自己的天地.
                                <br/>
                                ——我有梦想,有上进心,特别能吃苦,爱运动,爱生活的我相信未来,我坚定不对
                                移动的认为总有一天我会拥有属于自己的成功,我会实现我的理想!
                            </p>
                            <div class="addo-about-contact-wrap">
                                <div class="row">
                                    <div class="col-md-6">
                                        <p><b>Birthday生日:</b> 2000年2月26日</p>
                                        <p><b>Website网站:</b> www.evogodz.cn</p>
                                        <p><b>Phone手机:</b> 18225500826</p>
                                    </div>
                                    <div class="col-md-6">
                                        <p><b>Degree学历:</b> 计算机学,管理学/学士</p>
                                        <p><b>QQ邮箱:</b> 1094931523@qq.com</p>
                                        <p>
                                            <b>Hobby我的爱好:</b>
                                            英语,数学,计算机,马拉松,钢琴,吉他,唱歌,跳舞,篮球,羽毛球,科技新产品...
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <ul class="toolbar">
                                <li>
                                    <a class="qq" href="#contact">联系我</a>
                                </li>
                                <li>
                                    <a class="qq" href="/zfile/Godz.pdf">下载我的详细简历</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Skills Section -->
        <div id="skills" class="section">
            <div class="addo-skills">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="heading-meta">Abilities</span>
                            <h2
                                    class="addo-heading animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                我的擅长
                            </h2>
                        </div>
                    </div>
                    <div class="row">
                        <div
                                class="col-md-6 animate-box"
                                data-animate-effect="fadeInLeft"
                        >
                            <p>
                                本人擅长计算机开发
                            </p>
                            <p th:each="gods:${god}" th:text="${gods.getText()}"></p>
                        </div>
                        <div
                                class="col-md-6 animate-box"
                                data-animate-effect="fadeInLeft"
                        >
                            <p>各项强项比例</p>
                            <div th:each="gods:${god}">
                                <p class="bar-title">
                                    [[${gods.getBest()}]]<span
                                        class="percent align-right">[[${gods.getBestBf()}]]%</span>
                                </p>
                                <div class="bar">
                                    <div class="bar-fill bar-fill-developer start"
                                         th:style="'width:'+${gods.getBestBf()}+'%;'"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Services Section -->
        <div id="services" class="section">
            <div class="addo-services">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="heading-meta">What I Do</span>
                            <h2
                                    class="addo-heading animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                获奖和证书情况
                            </h2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div
                                    class="addo-feature"

                            >
                                <div class="addo-icon">
                                    <span class="et-laptop font-35px"></span>
                                </div>
                                <div class="addo-text">
                                    <h3>互联网+ 省赛银,铜奖</h3>
                                </div>
                            </div>
                            <div
                                    class="addo-feature animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                <div class="addo-icon">
                                    <span class="et-presentation font-35px"></span>
                                </div>
                                <div class="addo-text">
                                    <h3>挑战杯 省赛银,铜奖</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div
                                    class="addo-feature animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                <div class="addo-icon">
                                    <span class="et-lightbulb font-35px"></span>
                                </div>
                                <div class="addo-text">
                                    <h3>计算机程序设计大赛CCPC市铜奖</h3>
                                </div>
                            </div>
                            <div
                                    class="addo-feature animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                <div class="addo-icon">
                                    <span class="et-mobile font-35px"></span>
                                </div>
                                <div class="addo-text">
                                    <h3>全国高校计算机挑战赛铜奖</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div
                                    class="addo-feature animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                <div class="addo-icon">
                                    <span class="et-camera font-35px"></span>
                                </div>
                                <div class="addo-text">
                                    <h3>各类马拉松赛事 前100名左右</h3>
                                </div>
                            </div>
                            <div
                                    class="addo-feature animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                <div class="addo-icon">
                                    <span class="et-layers font-35px"></span>
                                </div>
                                <div class="addo-text">
                                    <h3>各类校级应用赛 一二三等奖</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- References Section -->
        <div id="references" class="section">
            <div class="addo-blog">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="heading-meta">occupation</span>
                            <h2
                                    class="addo-heading animate-box"
                            >
                                社会和职业经历
                            </h2>
                        </div>
                    </div>
                    <div class="row">
<!--                        遍历工作经验-->
                        <div class="col-md-4 col-sm-4" th:each="job:${jobs}">
                            <div class="blog-entry" >
                                <a th:href="@{'/godzJob/'+${job.getId()}}" class="blog-img"><img th:src="@{'/zfile/'+${job.getImg()}}" class="img-fluid" alt="" /></a>
                                <div class="desc">
                                    <span>in<b><a th:text="${job.getCity()}"></a></b></span>
                                    <h3><a th:href="@{'/godzJob/'+${job.getId()}}" th:text="${job.getWorkName()}"></a></h3>
                                    <p style=" overflow: hidden;
                                               text-overflow: ellipsis;
                                               display: -webkit-box;
                                               -webkit-line-clamp: 3;
                                               -webkit-box-orient: vertical;"
                                        th:text="${job.getWork()}">
                                    </p>
                                </div>
                            </div>
                        </div>
<!--                        遍历结束-->
                    </div>
                </div>
            </div>
        </div>
        <!-- Portfolio Section -->
        <div id="portfolio" class="section">
            <div class="addo-blog">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="heading-meta">University Life</span>
                            <h2 class="addo-heading" data-animate-effect="fadeInLeft">
                                大学生活
                            </h2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-sm-4" th:each="life:${hfuuLives}">
                            <div
                                    class="blog-entry addo-feature"
                                    data-animate-effect="fadeInLeft"
                            >
                                <a th:href="@{'/hfuulife/'+${life.getId()}}" class="blog-img">
                                    <img th:src="@{'/zfile/'+${life.getImg()}}" class="img-fluid"/>
                                </a>
                                <div class="desc">
                                    <h3><a th:href="@{'/hfuulife/'+${life.getId()}}" th:text="${life.getTitle()}"></a></h3>
                                    <p style="overflow: hidden;
                                              text-overflow: ellipsis;
                                              display: -webkit-box;
                                              -webkit-line-clamp: 3;
                                              -webkit-box-orient: vertical;"
                                       th:text="${life.getText()}"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- News Section -->
        <div id="news" class="section">
            <div class="addo-blog">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="heading-meta">Education</span>
                            <h2
                                    class="addo-heading"
                                    data-animate-effect="fadeInLeft"
                            >
                                受教育背景
                            </h2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-sm-4" th:each="edu:${edus}">
                            <div
                                    class="blog-entry"
                                    data-animate-effect="fadeInLeft"
                            >
                                <a th:href="@{'/godzEdu/'+${edu.getId()}}" class="blog-img"
                                ><img th:src="@{'/zfile/'+${edu.getImg()}}" class="img-fluid" alt=""
                                /></a>
                                <div class="desc">
                                    <span th:text="${edu.getEdu()}"></span>
                                    <h3><a th:href="@{'/godzEdu/'+${edu.getId()}}" th:text="${edu.getEduSchool()}"></a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Contact Section -->
        <div id="contact" class="section">
            <div class="addo-contact">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="heading-meta">Location</span>
                            <h2
                                    class="addo-heading animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                与我联系
                            </h2>
                        </div>
                    </div>
                    <div class="row">
                        <!-- Contact Info -->
                        <div
                                class="col-md-3 mb-30 animate-box"
                                data-animate-effect="fadeInLeft"
                        >
                            <img
                                    src="/zfile/images/QQCode.jpg"
                                    style="width: 86%; margin: 15px"
                                    alt=""
                            />

                            <p>QQ: 1094931523</p>

                            <img src="/zfile/images/WeChatCode.jpg" alt=""/>

                            <p>WeChat: z1094931523</p>
                        </div>
                        <!-- Contact Form -->
                        <div
                                class="col-md-9 animate-box"
                                data-animate-effect="fadeInLeft"
                        >
                            <h2
                                    class="addo-heading animate-box"
                                    data-animate-effect="fadeInLeft"
                            >
                                找工作:
                            </h2>
                            <h5 style="border-bottom: 2px solid black">
                                <b style="color: red">[后端语言]:Java,[前端]:全能, [Linux]:使用CentOS或Ubantu系统</b> <br>
                                后端开发方向<br>
                                前端开发方向(全通)<br>
                                全栈开发方向<br>
                                移动客户端开发方向<br>
                                技术运营方向<br>
                            </h5>

                            <h2 class="addo-heading">
                                找对象:小小希望
                            </h2>
                            <h5 style="color: red;font-weight: bold">英语好!!!会做菜更好!!!</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer -->
        <div id="addo-footer2" class="section">
            <div class="addo-narrow-content">
                <div class="row">
                    <div
                            class="col-md-4 animate-box fadeInLeft animated"
                            data-animate-effect="fadeInLeft"
                    >
                        <p class="addo-lead">Copyright &copy; 2022.Godz 为梦想而战斗</p>
                        <p class="addo-lead">网站备案号:皖ICP备2020020832号</p>
                    </div>
                    <div
                            class="col-md-4 animate-box fadeInLeft animated"
                            data-animate-effect="fadeInLeft"
                    >
                        <h2 class="text-center">Godz<br/><span>求职简历</span></h2>
                    </div>
                    <div
                            class="col-md-4 animate-box fadeInLeft animated"
                            data-animate-effect="fadeInLeft"
                    >
                        <ul class="social-network">
                            <li>Java</li>
                            <li>PHP</li>
                            <li>C++</li>
                            <li>PS</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Js -->
<script src="/zfile/js/jquery.min.js"></script>
<script src="/zfile/js/modernizr-2.6.2.min.js"></script>
<script src="/zfile/js/jquery.easing.1.3.js"></script>
<script src="/zfile/js/bootstrap.min.js"></script>
<script src="/zfile/js/jquery.waypoints.min.js"></script>
<script src="/zfile/js/jquery.flexslider-min.js"></script>
<script src="/zfile/js/animated.headline.js"></script>
<script src="/zfile/js/sticky-kit.min.js"></script>
<script src="/zfile/js/main.js"></script>
</body>
</html>
